// $(document).ready(function () {

myChart = echarts.init(document.getElementById('map_layer'));
// 市区坐标
geoCoordMap = {
    '济南市': [117.200923, 36.605807],
    '青岛市': [120.255173, 36.782982],
    '淄博市': [118.047648, 36.514939],
    '枣庄市': [117.457964, 34.956424],
    '东营市': [118.66471, 37.634564],
    '烟台市': [120.901382, 37.239297],
    '潍坊市': [119.107078, 36.80925],
    '济宁市': [116.687245, 35.415393],
    '泰安市': [117.129063, 35.854968],
    '威海市': [122.116394, 37.159691],
    '日照市': [119.161208, 35.528588],
    '莱芜市': [117.677736, 36.314397],
    '临沂市': [118.226443, 35.065282],
    '德州市': [116.607428, 37.153968],
    '聊城市': [115.980367, 36.456013],
    '滨州市': [117.816974, 37.683542],
    '菏泽市': [115.669381, 35.446531]
};
rawData = mapRawData1;
mapTip = ['待扩容OLT'];

color_jinan = null;
color_qingdao = null;
color_zibo = null;
color_zaozhuang = null;
color_dongying = null;
color_yantai = null;
color_weifang = null;
color_jining = null;
color_taian = null;
color_weihai = null;
color_rizhao = null;
color_laiwu = null;
color_linyi =null;
color_dezhou = null;
color_liaocheng  = null;
color_binzhou = null;
color_heze = null;

valListColor = valList.sort(intCompare);

colorListMap = new gradientColor('#75a0ad', '#323C48', valListColor[valList.length-1]+1);
for(i in rawData){
    switch (rawData[i][0]){
        case '济南':
            color_jinan = colorListMap[rawData[i][1]];
            break;
        case '青岛':
            color_qingdao = colorListMap[rawData[i][1]];
            break;
        case '淄博':
            color_zibo = colorListMap[rawData[i][1]];
            break;
        case '东营':
            color_dongying = colorListMap[rawData[i][1]];
            break;
        case '烟台':
            color_yantai = colorListMap[rawData[i][1]];
            break;
        case '潍坊':
            color_weifang = colorListMap[rawData[i][1]];
            break;
        case '济宁':
            color_jining = colorListMap[rawData[i][1]];
            break;
        case '泰安':
            color_taian = colorListMap[rawData[i][1]];
            break;
        case '威海':
            color_weihai = colorListMap[rawData[i][1]];
            break;
        case '日照':
            color_rizhao = colorListMap[rawData[i][1]];
            break;
        case '莱芜':
            color_laiwu = colorListMap[rawData[i][1]];
            break;
        case '临沂':
            color_linyi = colorListMap[rawData[i][1]];
            break;
        case '德州':
            color_dezhou = colorListMap[rawData[i][1]];
            break;
        case '聊城':
            color_liaocheng = colorListMap[rawData[i][1]];
            break;
        case '滨州':
            color_binzhou = colorListMap[rawData[i][1]];
            break;
        case '菏泽':
            color_heze = colorListMap[rawData[i][1]];
            break;
        case '枣庄':
            color_zaozhuang = colorListMap[rawData[i][1]];
            break;
    }
}

// zoomSet = 1.1;


// function makeMapData(rawData) {
//     var mapData = [];
//     for (var i = 0; i < rawData.length; i++) {
//         var geoCoord = geoCoordMap[rawData[i][0]];
//         if (geoCoord) {
//             mapData.push({
//                 name: rawData[i][0],
//                 value: geoCoord.concat(rawData[i].slice(1))
//             });
//         }
//     }
//     return mapData;
// };

option = {
    animation: false,
    // 地图背景颜色
    // backgroundColor: new echarts.graphic.RadialGradient(0.5, 0.5, 0.4, [{
    //     offset: 0,
    //     color: '#4b5769'
    // }, {
    //     offset: 1,
    //     color: '#404a59'
    // }]),
    tooltip: {
        trigger: 'axis'
    },
    // visualMap: {
    //     geo:{
    //         min: 0,
    //         max: 100,
    //         inRange: {
    //             color: ['#20a0ff','#D2EDFF']
    //         }
    //     }
    // },


    geo: {
        map: '山东',
        // silent: true,
        roam: true,
        zoom: 1.1, // 地图初始大小
        center: [118.800923, 36.305807], // 初始中心位置
        label: {
            emphasis: {
                show: false,
                areaColor: '#eee'
            }
        },

        // 地区块儿颜色
        itemStyle: {
            normal: {
                areaColor: '#323C48',
                borderColor: '#fff'
            },
            emphasis: {
                areaColor: '#262f35'
            }
        },
        regions: [//对不同的区块进行着色
            {
                name: '济南市',
                itemStyle: {
                    normal: {
                        areaColor: color_jinan
                    }
                }
            }, {
                name: '青岛市',
                itemStyle: {
                    normal: {
                        areaColor: color_qingdao
                    }
                }
            }, {
                name: '日照市',
                itemStyle: {
                    normal: {
                        areaColor: color_rizhao
                    }
                }
            }, {
                name: '德州市',
                itemStyle: {
                    normal: {
                        areaColor: color_dezhou
                    }
                }
            }, {
                name: '威海市',
                itemStyle: {
                    normal: {
                        areaColor: color_weihai
                    }
                }
            }, {
                name: '烟台市',
                itemStyle: {
                    normal: {
                        areaColor: color_yantai
                    }
                }
            }, {
                name: '潍坊市',
                itemStyle: {
                    normal: {
                        areaColor: color_weifang
                    }
                }
            }, {
                name: '淄博市',
                itemStyle: {
                    normal: {
                        areaColor: color_zibo
                    }
                }
            }, {
                name: '滨州市',
                itemStyle: {
                    normal: {
                        areaColor: color_binzhou
                    }
                }
            }
            , {
                name: '莱芜市',
                itemStyle: {
                    normal: {
                        areaColor: color_laiwu
                    }
                }
            }, {
                name: '枣庄市',
                itemStyle: {
                    normal: {
                        areaColor: color_zaozhuang
                    }
                }
            }, {
                name: '东营市',
                itemStyle: {
                    normal: {
                        areaColor: color_dongying
                    }
                }
            }, {
                name: '泰安市',
                itemStyle: {
                    normal: {
                        areaColor: color_taian
                    }
                }
            }, {
                name: '济宁市',
                itemStyle: {
                    normal: {
                        areaColor: color_jining
                    }
                }
            }, {
                name: '临沂市',
                itemStyle: {
                    normal: {
                        areaColor: color_linyi
                    }
                }
            }, {
                name: '菏泽市',
                itemStyle: {
                    normal: {
                        areaColor: color_heze
                    }
                }
            }, {
                name: '聊城市',
                itemStyle: {
                    normal: {
                        areaColor: color_liaocheng
                    }
                }

            }
        ]
    },
    series: []
};



// 缩放和拖拽
function throttle(fn, delay, debounce) {

    var currCall;
    var lastCall = 0;
    var lastExec = 0;
    var timer = null;
    var diff;
    var scope;
    var args;

    delay = delay || 0;

    function exec() {
        lastExec = (new Date()).getTime();
        timer = null;
        fn.apply(scope, args || []);
    }

    var cb = function () {
        currCall = (new Date()).getTime();
        scope = this;
        args = arguments;
        diff = currCall - (debounce ? lastCall : lastExec) - delay;

        clearTimeout(timer);

        if (debounce) {
            timer = setTimeout(exec, delay);
        } else {
            if (diff >= 0) {
                exec();
            } else {
                timer = setTimeout(exec, -diff);
            }
        }

        lastCall = currCall;
    };
    return cb;
}

var throttledRenderEachCity = throttle(renderEachCity, 0);
myChart.on('geoRoam', throttledRenderEachCity);
myChart.setOption(option);

// myChart.on('click', function (param) {
//     info_title = document.getElementById('info_title');
//     if(info_title.innerText == '待扩容OLT明细'){
//         mapTip = ['待扩容OLT'];
//         $('#map_layer').height(450);
//         myChart.resize();
//         $('#info_panel').show();
//         renderEachCity();
//         if (param.name == '待扩容OLT') {
//             getOltNeedExpandListByCity(rawData[param.seriesIndex][0]+'市');
//         } else {
//             getOltNeedExpandListByCity(param.name);
//         }
//     }else if(info_title.innerText == '待扩容SW上联电路详情'){
//         mapTip = ['待扩容SW上联'];
//         $('#map_layer').height(450);
//         myChart.resize();
//         $('#info_panel').show();
//         renderEachCity();
//         if (param.name == '待扩容SW上联') {
//             getSWNeedExpandListByCity(rawData[param.seriesIndex][0]+'市');
//         } else {
//             getSWNeedExpandListByCity(param.name);
//         }
//     }
// });

myChart.on('dblclick', function (param) {
    // showTopDivCity('top_div_city');

    // $('#top_div_city').slideToggle(800,showTopDivCityInfo());

    $('#top_div_city').toggle(800,function () {
        $("#info_body").mCustomScrollbar({
            scrollButtons:{ scrollType: "stepped" }
        });
        getCityDetail(param.name);
        cityBoundChart.setOption(optionCityBound);
        cityBoundChart.resize();

    });

    // getCityDetail(param.name);


});

// // 点击显示柱状图
// myChart.on('click',function(e){
//     console.log(e)
//     // console.log(params);
//     if(e.componentSubType == "bar"){
//         // 先清除所有柱状图
//         $('.tongJiTu').remove();
//         // 创建遮挡层
//         creatWrap();
//         // 创建柱状图容器
//         var divObj = document.createElement('div');
//         $(divObj).addClass('tongJiTu');
//         divObj.id = 'zhuzhuang';
//         var divX = getMousePos()['x'];
//         var divY = getMousePos()['y'];
//         $(divObj).css({
//             'width': 250,
//             'height': 180,
//             'border': '1px solid #ccc',
//             'position': 'absolute',
//             'top': divY,
//             'left': divX
//         }).appendTo('.wrap');
//         // 创建柱状图
//         zhuZhuangTu();
//         // 点击遮挡层消失
//         clearWrap('.zhedang');
//     }
//     return;
// });
// 获取横纵坐标
// function getMousePos(e) {
//     var e = event || window.event;
//     var scrollX = document.documentElement.scrollLeft || document.body.scrollLeft;
//     var scrollY = document.documentElement.scrollTop || document.body.scrollTop;
//     var x = e.pageX || e.clientX + scrollX;
//     var y = e.pageY || e.clientY + scrollY;
//     // console.log(x,y)
//     return {'x': x,'y': y};
// }
// 生成柱状图
// function zhuZhuangTu() {
//     var zhuzhuang = echarts.init(document.getElementById('zhuzhuang'));
//     option = {
//         backgroundColor: 'rgba(255,255,255,.3)',
//         legend: {
//             data: ['数据A','数据B','数据C']
//         },
//         xAxis: [
//             {
//
//                 type: 'category',
//                 data: ['数据A','数据B','数据C']
//             }
//         ],
//         yAxis: [
//             {
//                 splitLine: {
//                     show: false
//                 },
//                 type: 'value'
//             }
//         ],
//         series: [
//             {
//                 type: 'bar',
//                 itemStyle: {
//                     normal: {
//                         color: function(params){
//                             var colorListMap = ['#F75D5D','#59ED4F','#4C91E7'];
//                             return colorListMap[params.dataIndex];
//                         },
//                         label: {
//                             show: true,
//                             position: 'top',
//                             textStyle: {
//                                 color: '#000'
//                             }
//                         }
//                     }
//                 },
//                 data: [10,20,30]
//             }
//         ]
//     };
//     zhuzhuang.setOption(option);
// }
// 生成遮挡层
// function creatWrap(){
//     var zheDang = document.createElement('div');
//     $(zheDang).addClass('zhedang').css({
//         width: '100%',
//         height: '100%',
//         position: 'absolute',
//         top: 0,
//         left: 0,
//         backgroundColor: 'rgba(0,0,0,.2)'
//     }).appendTo('.wrap');
// }
// // 去掉遮挡层
// function clearWrap(id){
//     $(id).click(function(e){
//         // console.log(this);
//         this.remove();
//         $('.tongJiTu').remove();
//         return false;
//     });
// }


